<template>
	<div style="padding:0.4rem 0.6rem;" @click="sendParams">
		<section style="width: 100%;display: flex;flex-direction: column;background-color: white;">
			<section style="justify-content: left;align-items: center;display: flex;flex-direction: row;height: 2.8rem;padding: 0 0.5rem;">
				<span style="flex: 7;text-align: left;font-size: 1.1rem;">订单编号：{{orderNumber}}</span>
				<mu-icon style="flex: 1;" value="keyboard_arrow_right" :size="26"/>
			</section>
			<section style="display: flex;flex-direction: column;justify-content: center;justify-content: left;padding: 0 0.5rem;">
				<span  class="card-item-child">客户：{{customerInfo}}</span>
				<span class="card-item-child">产品：{{materiel}}</span>
				<span class="card-item-child">余量：{{balance}}</span>
				<span class="card-item-child">备注：{{remarks}}</span>
			</section>
			
		</section>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		props:{
				id:{
				type:String,
				default:'100001'
			},
			orderNumber:{
				type:String,
				default:'100001'
			},
			remarks:{
				type:String,
				default:' '
			},
			customerInfo:{
				type:String,
				default:'薛老大'
			},
			orderDate:{
				type:String,
				default:''
			},
			materiel:{
				type:String,
				default:''
			},
			balance:{
				type:String,
				default:''
			},
			assid:{
				type:String,
				default:''
			},
			itemid:{
				type:String,
				default:''
			},
			customerid:{
				type:String,
				default:''
			},
			organizeid:{
				type:String,
				default:''
			},
			Price:{
				type:String,
				default:''
			},
			
		},
		methods:{
	 		sendParams(){
		 		let that=this
		 		this.$emit('faSendParam','')
//		 		that.$router.push(
//		 		{path:'orderForm',
//		 		name:'orderForm',
//				 params: { 
//	                orderNumber:that.orderNumber,
//	                customerInfo:that.customerInfo,
//	                orderTime:that.orderTime,
//	                materiel:that.materiel,
//	                quantity:that.quantity,
//	                remarks:that.remarks,
//	                assid:that.assid,
//	                itemid:that.itemid,
//	                customerid:that.customerid,
//	                organizeid:that.organizeid,
//	                orderid:that.id
//	            }})
	 		}
	 }
	}
</script>

<style>
	.card-item-child{
		text-align: left;
		font-size: 0.9rem;
		height: 1.6rem;
		color: #939393;
	}
</style>